@charset "UTF-8";
/**
*   @author  Created By  YS  on 2023/10/18
*   @describe
*/

.body{
  background: #fff;
  min-height: 100vh;
}
.card{
  .head-img{
    width: 92rpx;
    height: 92rpx;
    border-radius: 50%;
    //margin-left: 30rpx;
  }
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 30rpx;
  .content{
    display: flex;
    flex-direction: column;
    //align-items: ;
    justify-content: space-between;
    height: 92rpx;
    margin-left: 30rpx;
    .content-name{

      font-size: 48rpx;
      color: #333;
      text-align: left;
      letter-spacing: 0.8rpx;
      line-height: 34rpx;
      display: flex;
      flex-direction: row;
      margin-right: 30rpx;
      text{
        margin-right: 20rpx;
      }
      image{
        width: 104rpx;
        height: 33rpx;
        margin-right: 30rpx;
      }

    }

    //.content-vip{
    //  width: 95rpx;
    //  height: 33rpx;
    //  border-radius: 16.5rpx;
    //  opacity: 1;
    //  border: 0 solid #979797;
    //  background: #7355ff;
    //  color: #fff;
    //  font-size: 24rpx;

    //}
    .content-info{
      width: 502rpx;
      height: 40rpx;
      opacity: 1;
      color: #bbbbbb;
      text-align: left;
      font-size: 28rpx;
      font-weight: 0;
      line-height: 34rpx;
      letter-spacing: 1.03rpx;
      image{
        width: 37.4rpx;
        height: 23.3rpx;
        margin-right: 15rpx;
      }
    }
  }
}


.btn{
  width: 606rpx;
  height: 88rpx;
  opacity: 1;
  margin: 0 auto 0;
  text-align: center;
  line-height: 88rpx;
  background: #7355ff;
  color: #fff;
  border-radius: 44rpx;
}
.title-h1{
  margin-top: 45rpx;
  margin-left: 74rpx;
  width: 283px;
  height: 67rpx;
  opacity: 1;
  color: #333333;
  text-align: left;
  font-size: 56rpx;
  font-weight: 0;
  line-height: 67rpx;
  letter-spacing: 0.54rpx;
  margin-bottom: 50rpx;
}
.title-h3{
  width: 400px;
  height: 36rpx;
  opacity: 1;
  color: #333333;
  text-align: left;
  font-size: 30rpx;
  font-weight: 0;
  line-height: 36rpx;
  letter-spacing: 0.54rpx;
  margin-left: 74rpx;
}


.input-box{
  width: 606rpx;
  height: 88rpx;
  line-height: 88rpx;
  opacity: 1;
  background: #eee;
  color: #C0C2CB;
  border-radius: 44px;
  display: flex;
  margin: 20px auto 30px;
  padding-left: 20px;
}

.input-box{
  width: 606rpx;
  height: 88rpx;
  line-height: 88rpx;
  opacity: 1;
  background: #eee;
  color: #C0C2CB;
  border-radius: 44px;
  display: flex;
  margin: 20px auto 0px;
  padding-left: 20px;
}
.input-phone{
  margin-left: 20rpx;
  margin-top: 24rpx;
}
.input-btn{

  width: 271.99rpx;
  height: 44rpx;
  opacity: 1;
  color: #7355ff;
  text-align: right;
  font-size: 32rpx;
  font-weight: 0;
  font-family: "PingFangSC-Medium";
  line-height: 88rpx;
  padding-right: 20rpx;
}

.flex-row{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-column{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.padding-right-20{
  padding-right: 20rpx;
}
.mt65{
  margin-top: 65rpx;
}
.mt30{
  margin-top: 30rpx;
}
